<script setup lang="ts">
import myTitle from "@/components/myTitle/myTitle.vue";
import mySearch from "@/components/mySearch/mySearch.vue";
import { useQueue } from "wot-design-uni";
import listitem from "@/components/zhq-listItem/index.vue";
const { closeOutside } = useQueue();
const value1 = ref<number>(0);
const value2 = ref<number>(0);
const value3 = ref<number>(0);

const option1 = ref<Record<string, any>>([
  { label: "北京", value: 0 },
  { label: "新款商品", value: 1 },
  { label: "活动商品", value: 2 },
]);
const option2 = ref<Record<string, any>>([
  { label: "综合", value: 0 },
  { label: "销量", value: 1 },
  { label: "上架时间", value: 2 },
]);
const option3 = ref<Record<string, any>>([
  { label: "筛选", value: 0 },
  { label: "销量", value: 1 },
  { label: "上架时间", value: 2 },
]);
</script>

<template>
  <myTitle title="问医生" :if-text="true" />
  <!-- 搜索 -->
  <mySearch hide="true" />
  <!-- 下拉菜单 -->
  <view @click="closeOutside">
    <wd-drop-menu>
      <wd-drop-menu-item v-model="value1" :options="option1" />
      <wd-drop-menu-item v-model="value2" :options="option2" />
      <wd-drop-menu-item v-model="value3" :options="option3" />
    </wd-drop-menu>
    <listitem v-for="item in 5" />
  </view>
</template>

<style lang="scss" scoped></style>
